<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>购物车-英雄联盟周边商城</title>
    <link rel="stylesheet" href="../../../static/css/swb.css" />
    <link rel="stylesheet" href="../../../static/css/css/public.css" />
    <link rel="stylesheet" href="./css/Shopping.css" />
  </head>
  <body>
    <header sty="hi75">
      <div class="banner cf">
        <div sty="mt17" class="logo-box ftl">
          <a sty="wi297 hi39" class="logo dpib" href="../../../templates/Index.html"></a>
        </div>
        <div sty="hi30 mt22" class="header-right-box ftr fdl">
          <div sty="pr20 cf">
            <a sty="pr6 lh30" href="">您好，请登录 </a>
          </div>
          <div sty="pr28 cf">
            <a href="">
              <i sty="wi28 hi25 mt3 mr4" class="shop ftl"></i>
              <span sty="lh30 pr6" class="ftl">购物车</span>
              <span sty="wi20 hi20 lh20 mt7 " class="shop-num ftl tac">0</span>
            </a>
          </div>
          <div sty="pr28 cf">
            <i sty="wi24 hi26 mt3 mr4" class="service ftl"></i>
            <span sty="lh30" class="ftl">客服咨询</span>
          </div>
          <div sty="cf">
            <i sty="wi20 hi20 mt5 mr4" class="qr-code ftl"></i>
            <span sty="lh30" class="ftl">微信商城</span>
          </div>
        </div>
      </div>
    </header>
    <div class="main">
      <div class="banner fdl">
        <div sty="wi850" class="main-left">
          <div sty="lh50" class="shop-header fdl">
            <div sty="mr20 pl10 pr12" class="available fdl">
              <div><i sty="wi16 hi16 mt17 mr8" class="dpib"></i></div>
              <div sty="lh50"><span>全选</span></div>
            </div>
            <div sty="wi260 lh50">商品名称</div>
            <div sty="wi125 lh50" class="tac">单价(元)</div>
            <div sty="wi125 lh50" class="tac">数量</div>
            <div sty="wi125 lh50" class="tac">小计</div>
            <div sty="wi125 lh50" class="tac">操作</div>
          </div>
          <div class="shopList">
            <div sty="pt20 pb20" class="shopList-item fdl">
              <div sty="wi50 pl30 pr10" class="available fdl">
                <div><i sty="wi16 hi16 mt30 mr8" class="dpib"></i></div>
              </div>
              <div sty="wi260 lh80" class="fdl">
                <div sty="wi80 hi80 mr15" class="shopList-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201803/20180326161200_78377.jpg"
                    alt=""
                  />
                </div>
                <div class="shopList-content">
                  <div sty="lh24 fs14">英雄联盟漫画系列帽子</div>
                  <p sty="lh20">颜色：<span>黑色</span></p>
                  <p sty="lh20">尺码：<span>常规</span></p>
                </div>
              </div>
              <div sty="wi125 lh80" class="tac"><span>￥150.00</span>元</div>
              <div sty="wi125 lh80" class="tac">
                <div sty="ml20 mt20" class="stepper ftl cf">
                  <span sty="wi25" class="stepper-left">-</span>
                  <input
                    sty="wi40 hi35"
                    class="stepper-num ftl tac"
                    type="text"
                    value="1"
                  />
                  <span sty="wi25" class="stepper-right">+</span>
                </div>
              </div>
              <div sty="wi125 lh80" class="tac"><span>￥150.00</span>元</div>
              <div sty="wi125 lh80" class="tac">
                <span sty="mr10" class="dpib">删除</span><span>收藏</span>
              </div>
            </div>
            <div sty="pt20 pb20" class="shopList-item fdl">
              <div sty="wi50 pl30 pr10" class="available fdl">
                <div><i sty="wi16 hi16 mt30 mr8" class="dpib"></i></div>
              </div>
              <div sty="wi260 lh80" class="fdl">
                <div sty="wi80 hi80 mr15" class="shopList-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201803/20180326161200_78377.jpg"
                    alt=""
                  />
                </div>
                <div class="shopList-content">
                  <div sty="lh24 fs14">英雄联盟漫画系列帽子</div>
                  <p sty="lh20">颜色：<span>黑色</span></p>
                  <p sty="lh20">尺码：<span>常规</span></p>
                </div>
              </div>
              <div sty="wi125 lh80" class="tac"><span>￥150.00</span>元</div>
              <div sty="wi125 lh80" class="tac">
                <div sty="ml20 mt20" class="stepper ftl cf">
                  <span sty="wi25" class="stepper-left">-</span>
                  <input
                    sty="wi40 hi35"
                    class="stepper-num ftl tac"
                    type="text"
                    value="1"
                  />
                  <span sty="wi25" class="stepper-right">+</span>
                </div>
              </div>
              <div sty="wi125 lh80" class="tac"><span>￥150.00</span>元</div>
              <div sty="wi125 lh80" class="tac">
                <span sty="mr10" class="dpib">删除</span><span>收藏</span>
              </div>
            </div>
            <div sty="pt20 pb20" class="shopList-item fdl">
              <div sty="wi50 pl30 pr10" class="available fdl">
                <div><i sty="wi16 hi16 mt30 mr8" class="dpib"></i></div>
              </div>
              <div sty="wi260 lh80" class="fdl">
                <div sty="wi80 hi80 mr15" class="shopList-img">
                  <img
                    src="https://game.gtimg.cn/images/zb/x5/uploadImg/goods/201803/20180326161200_78377.jpg"
                    alt=""
                  />
                </div>
                <div class="shopList-content">
                  <div sty="lh24 fs14">英雄联盟漫画系列帽子</div>
                  <p sty="lh20">颜色：<span>黑色</span></p>
                  <p sty="lh20">尺码：<span>常规</span></p>
                </div>
              </div>
              <div sty="wi125 lh80" class="tac"><span>￥150.00</span>元</div>
              <div sty="wi125 lh80" class="tac">
                <div sty="ml20 mt20" class="stepper ftl cf">
                  <span sty="wi25" class="stepper-left">-</span>
                  <input
                    sty="wi40 hi35"
                    class="stepper-num ftl tac"
                    type="text"
                    value="1"
                  />
                  <span sty="wi25" class="stepper-right">+</span>
                </div>
              </div>
              <div sty="wi125 lh80" class="tac"><span>￥150.00</span>元</div>
              <div sty="wi125 lh80" class="tac">
                <span sty="mr10" class="dpib">删除</span><span>收藏</span>
              </div>
            </div>
          </div>
          <div class="shop-footer">
            <div sty="mr20 pl10 pr12" class="available fdl">
              <div><i sty="wi16 hi16 mt17 mr8" class="dpib"></i></div>
              <div sty="lh50"><span>全选</span></div>
            </div>
          </div>
        </div>
        <div sty="wi300" class="main-right"></div>
      </div>
    </div>
  </body>
  <script src="../../../static/js/jquery.js"></script>
  <script src="../../../static/js/swb.js"></script>
  <script src="../../../static/js/js/public.js"></script>
</html>
